/*
 * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
 * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
 */
%data-inview-bar-demo-inline-block {
	display: inline-block;
}

%data-inview-bar-demo-gutter {
	margin: 0;
	padding: 15px;
}

.bar-demo {
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgb(0, 0, 0, .05);
	margin: 0 0 20px;

	p {
		@extend %data-inview-bar-demo-gutter;
	}

	h3 {
		@extend %data-inview-bar-demo-gutter;

		background-color: #f5f5f5;
		border-bottom: 1px solid #ddd;
	}
}

.wb-bar-t,
.wb-bar-b {
	header {
		@extend %data-inview-bar-demo-inline-block;
	}

	ul {
		@extend %data-inview-bar-demo-inline-block;

		margin-bottom: 0;

		li {
			margin-bottom: 5px;
		}

		> {
			li {
				&:first-child {
					padding-left: 5px;
				}
			}
		}
	}
}
